
.switch-group button, .switch-group a {
  float: left;
  height: 26px;
  border: none;
  line-height: 26px;
  padding: 0 12px;
  font-size: 12px;
  color: #FFF;
  cursor: pointer;
  background-color: rgba(52, 52, 52, 0.2);

  &:first-child {
    border-radius: 3px 0 0 3px;
    border-right: 1px solid rgba(51, 51, 51, 0.2);
  }

  &:last-child {
    border-radius: 0 3px 3px 0;
    border-left: 1px solid rgba(51, 51, 51, 0.2);
  }

  &:hover, &.active {
    background-color: rgba(51, 51, 51, 0.5);
  }

  &.disabled {
    cursor: not-allowed;
    &:hover{
      background-color: rgba(52, 52, 52, 0.2);
    }
  }
}
